<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
    <!-- 选中多行Tab统一设置缩进  Shift + Tab回退缩进 -->
    <!-- 空格折叠现象：连续多个空格或换行会折叠成一个空格显示 -->
    <!--1.文本相关标签 -->
    我是普通文本
    <b>我是加粗文本bold</b>
    <i>我是斜体文本itslic</i>
    <s>我是删除线文本</s><br>
    <u>我是下划线文本underline</u>
    <mark>我是高亮标记文本</mark>
    <!-- 2.标题标签 改变自豪 文字加粗  独占一行 有垂直方向的行间距 -->
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4>这是四级标题</h4>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
    <h7>这是七级标题</h7>
    <!-- 3.段落标签 独占一行 有垂直方向的行间距 -->
    <p>我是段落文本</p>
    <p>我是段落文本2</p>
    <p>我是段落文本3</p>

    <!-- 4.Ctrl+D 复制当前行  Ctrl+V删除当前行 Home光标移至行首 End光标一直行尾 Shift+回车添加空白行 -->
    <!-- 4.生成假文：lorem 然后 Tab 补全 -->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit itaque natus omnis optio qui? Dolorum molestiae, officiis! Deleniti earum et, harum illo ipsum iste omnis perspiciatis, quam rerum suscipit unde.</p>

    <!-- 5.转译符号：&lt；小于号(less than) &gt;大于号(greater than) &nbsp;空格-->
    我是tom，我喜欢jk<br>
        我是&lt;李磊&gt;，我也喜欢&nbsp;&nbsp;&nbsp;jk

    <!-- 6.有序列表 -->
    <ol type="1"></ol>
        <li> 拿出手机 </li>
        <li> 打开APP </li>
        <li> 输入手机号 </li>
        <li> 输入密码 </li>
        <li> 登录成功 </li>
    </ol>

    <!-- 7.无序列表 -->
    <ul type="nine">
        <li> 西游记 </li>
        <li> 红楼梦 </li>
        <li> 三国演义 </li>
        <li> 三字经 </li>
    </ul>

</body>
</html>